﻿@model FOModels.InternetBanking.InternetBankingModels
@{
    ViewBag.Title = "" + FOResource.UI.Layout.lblinfo + " - " + Model.InternetBankingName + "";
    Layout = "~/Views/Shared/_SUBLayout1.cshtml";
    var faq = (List<FOModels.ProductFAQ.ProductFAQModels>)ViewBag.FAQ;
    int i = 1;
    var userinfo = (FOModels.User.User)ViewBag.UserInfo;
}
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/css/jquery-ui.css")" /><link rel="stylesheet" type="text/css" href="/Content/css/bootstrap.min.css" />
<script type="text/javascript" src="@Url.Content("~/Content/js/validate-form.js")"></script>
<script type="text/javascript">
    $(function () {
        $("#dob").datepicker({
            dateFormat: "dd/mm/yy",
            changeMonth: true,
            changeYear: true,
            minDate: new Date(1890, 1 - 1, 1),
            maxDate: "+1m +1w",
            defaultDate: new Date(1980, 1 - 1, 1),
        });
    });
</script>
<style type="text/css">
    #vn-box {
        margin-left: 20px;
    }
</style>
<div id="v3HomeBody">
    <!--Open Bread crumb-->
    <div class="bread_crumb">
        <ul>
            <li><a href="/" class="bread_arrow" title="@FOResource.UI.Layout.lblhome">@FOResource.UI.Layout.lblhome</a></li>
            <li><a href="@Url.Action("Index", "InternetBanking")" class="bread_arrow" title="@FOResource.UI.Layout.lblInternetBanking">@FOResource.UI.Layout.lblInternetBanking</a></li>
            <li class="lastli"><a href="@Url.Action("InternetBankingInfo", "InternetBanking")" class="bold" title="@FOResource.UI.Layout.lblinfo">@FOResource.UI.Layout.lblinfo</a></li>
        </ul>
    </div>
    <!--Close Bread crumb-->

    <!--Open Top Slider-->
    <div class="top_slider" id="afocus">
        <ol class="top_bar">
            <li style="width: 164px;"><a href="@Url.Action("Index", "InternetBanking")" class="active" id="show_div"><span style="left: -13px;">@FOResource.UI.Layout.lblchoose </span></a></li>
            <li style="width: 164px;"><a href="@Url.Action("InternetBankingInfo", "InternetBanking")" class="bar_2_active"><span style="left: -13px;">@FOResource.UI.Layout.lblinfo</span></a></li>
            <li style="width: 60px;"><a class="bar_3"><span style="left: -13px;">@FOResource.UI.Layout.lblcontract</span></a></li>
        </ol>
        <span class="h1replace">...</span>

    </div>
    <div class="info">

        <div class="tabcontent_1">
            <div class="box-info-show-hide" style="margin-top: 10px; margin-bottom: 5px;">
                <span class="h2replace">@FOResource.UI.Product.Card.lblbank</span>
            </div>
            <div id="box-img-card">
                <div id="img-logo-bank">
                    <a href="@Url.Action("Detail", "InternetBanking", new { CompanyName = FO.Models.Conver.ConvertToUnSign(Model.CompanyName).ToLower(), InternetBankingName = FO.Models.Conver.ConvertToUnSign(Model.InternetBankingName).ToLower(), InternetBankingID = Model.InternetBankingID })"  title="@Model.CompanyName">
                        <img src="/Content/Upload/Images/@Model.CompanyImg" title="@Model.CompanyName" /></a>
                </div>
                <div class="vn-card-info" style="width: 300px;">
                    <ul>
                        <li><span class="p-card-info">@FOResource.UI.Layout.InternetBankingName:</span> <span>@Model.InternetBankingName</span></li>
                        <li><span class="p-card-info">@FOResource.UI.Product.Card.lblbank:</span> <span>@Model.CompanyName</span></li>
                        <li><span class="p-card-info">@FOResource.UI.Layout.interestrate:</span> <span>@Model.Interest.ToString().Replace(".", "" + FOResource.UI.Layout.currency1 + "") %</span></li>
                        @if (Model.Cost > 0)
                        {
                            <li><span class="p-card-info">@FOResource.UI.CpanelLayout.costperyear:</span> <span>@String.Format("{0:0,0}", Model.Cost) VND</span></li>
                        }
                        else
                        {
                            <li><span class="p-card-info">@FOResource.UI.CpanelLayout.costperyear:</span> <span>0 VND</span></li>
                        }
                    </ul>
                    <div class="social-like" style="margin-left: 12px; margin-top: 5px;">
                        <div class="vnlike-fb">
                            <div class="fb-like" data-href="@Request.Url.AbsoluteUri" data-width="450" data-layout="button_count" data-show-faces="true" data-send="true"></div>
                        </div>
                        <div class="vnlike-google">
                            <div class="g-plusone" data-size="medium" data-href="@Request.Url.AbsoluteUri"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box-info-show-hide">
                <span class="h2replace">@FOResource.UI.Product.Card.lblinputinfo</span>
            </div>
            <div id="id-internetbanking" style="display: none;">@Model.InternetBankingID</div>
            @if (userinfo != null)
            {
                <div class="slidingDiv1">
                    <div style="margin-top: 20px;">
                        <form id="contact-form" class="form-horizontal">
                            <div class="control-group">
                                <label class="control-label" for="name">@FOResource.UI.Product.Card.lblname</label>
                                <div class="controls">
                                    <input type="text" class="input-xlarge" value="@userinfo.DisplayName" name="name" id="name" />
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="email">Email</label>
                                <div class="controls">
                                    <input type="text" class="input-xlarge" value="@userinfo.Email" name="email" id="email" />
                                </div>
                            </div>
                            <div class="clr"></div>
                            <div class="control-group">
                                <label class="control-label" for="phone">@FOResource.UI.Product.Card.lblphone</label>
                                <div class="controls">
                                    <input type="text" class="input-xlarge" value="@userinfo.Phone" name="phone" id="phone" />
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="icome">@FOResource.UI.Product.Card.lblincome</label>
                                <div class="controls">
                                    <select class="input-xlarge" name="icome" id="icome">
                                        <option value="@FOResource.UI.Product.Card.lbloptincome1">@FOResource.UI.Product.Card.lbloptincome1</option>
                                        <option value="@FOResource.UI.Product.Card.lbloptincome2">@FOResource.UI.Product.Card.lbloptincome2</option>
                                        <option value="@FOResource.UI.Product.Card.lbloptincome3">@FOResource.UI.Product.Card.lbloptincome3</option>
                                        <option value="@FOResource.UI.Product.Card.lbloptincome4">@FOResource.UI.Product.Card.lbloptincome4</option>
                                    </select>
                                </div>
                            </div>
                            <div class="clr"></div>
                            <div class="control-group">
                                <label class="control-label" for="dob">@FOResource.UI.Product.Card.lbldob</label>
                                <div class="controls">
                                    <input type="text" class="input-xlarge" value="@userinfo.DOB" name="dob" id="dob" />
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="icome">@FOResource.UI.Layout.city</label>
                                <div class="controls">
                                    <select id="select-city" class="input-xlarge" name="city">
                                        <option value="- Không -" selected="selected">- Không -</option>
                                        <option value="An Giang">An Giang</option>
                                        <option value="Bắc Giang">Bắc Giang</option>
                                        <option value="Bắc Ninh">Bắc Ninh</option>
                                        <option value="Bình Định">Bình Định</option>
                                        <option value="Bình Dương">Bình Dương</option>
                                        <option value="Bình Thuận">Bình Thuận</option>
                                        <option value="Cần Thơ">Cần Thơ</option>
                                        <option value="Đà Nẵng">Đà Nẵng</option>
                                        <option value="Đồng Nai">Đồng Nai</option>
                                        <option value="Đồng Tháp">Đồng Tháp</option>
                                        <option value="Gia Lai">Gia Lai</option>
                                        <option value="Hà Nội">Hà Nội</option>
                                        <option value="Hà Tĩnh">Hà Tĩnh</option>
                                        <option value="Hải Dương">Hải Dương</option>
                                        <option value="Hải Phòng">Hải Phòng</option>
                                        <option value="Hồ Chí Minh">Hồ Chí Minh</option>
                                        <option value="Hòa Bình">Hòa Bình</option>
                                        <option value="Huế">Huế</option>
                                        <option value="Kiên Giang">Kiên Giang</option>
                                        <option value="Long An">Long An</option>
                                        <option value="Nam Định">Nam Định</option>
                                        <option value="Nghệ An">Nghệ An</option>
                                        <option value="Nha Trang">Nha Trang</option>
                                        <option value="Phú Thọ">Phú Thọ</option>
                                        <option value="Quảng Bình">Quảng Bình</option>
                                        <option value="Quảng Ninh">Quảng Ninh</option>
                                        <option value="Quảng Trị">Quảng Trị</option>
                                        <option value="Thái Bình">Thái Bình</option>
                                        <option value="Thái Nguyên">Thái Nguyên</option>
                                        <option value="Thanh Hóa">Thanh Hóa</option>
                                        <option value="Vĩnh Long">Vĩnh Long</option>
                                        <option value="Vĩnh Phúc">Vĩnh Phúc</option>
                                        <option value="Vũng Tàu">Vũng Tàu</option>
                                    </select>
                                </div>
                            </div>
                            <div class="clr"></div>
                            <div class="control-group">
                                <label style="height: 90px; padding-top: 0px;" class="control-label" for="currentaccount">@FOResource.UI.Layout.producinterested</label>
                                <div style="float: left; width: 290px;">
                                    <div class="controls" style="float: left; margin-left: 10px; width: 120px;">
                                        <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="CurrentAccount" id="CurrentAccount" value="Current Account" />Current Account                            
                                    </div>
                                    <div class="controls" style="float: left; margin-left: 30px; width: 130px;">
                                        <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="SavingsDeposits " id="SavingsDeposits" value="Savings/Deposits" />Savings/Deposits                            

                                    </div>
                                </div>
                                <div style="float: left; width: 290px; margin-top: 10px;">
                                    <div class="controls" style="float: left; margin-left: 10px; width: 120px;">
                                        <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="CreditCard" id="CreditCard" value="Credit Card" />Credit Card                           
                                    </div>
                                    <div class="controls" style="float: left; margin-left: 30px; width: 130px;">
                                        <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="HomeLoan " id="HomeLoan" value="HomeLoan" />Home Loan                           

                                    </div>
                                </div>
                                <div style="float: left; width: 290px; margin-top: 10px;">
                                    <div class="controls" style="float: left; margin-left: 10px; width: 120px;">
                                        <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="CarLoan" id="CarLoan" value="Car Loan" />Car Loan                          
                                    </div>
                                    <div class="controls" style="float: left; margin-left: 30px; width: 130px;">
                                        <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="PersonalLoan " id="PersonalLoan" value="Personal Loan" />Personal Loan                           

                                    </div>
                                </div>
                                <div style="float: left; width: 290px; margin-top: 10px;">
                                    <div class="controls" style="float: left; margin-left: 10px; width: 120px;">
                                        <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="BusinessLoan" id="BusinessLoan" value="Business Loan" />Business Loan                          
                                    </div>

                                </div>
                            </div>
                            <div class="control-group">
                                <label style="padding-top: 0px;" class="control-label" for="dob">@FOResource.UI.Layout.contacttime</label>
                                <div class="controls">
                                    <input type="radio" checked="checked" class="input-xlarge" name="contacttime" id="contacttime1" value="@FOResource.UI.Layout.contacttime1 " />
                                    @FOResource.UI.Layout.contacttime1
                                    <input style="margin-left:15px;" type="radio" class="input-xlarge" name="contacttime" id="contacttime2" value="@FOResource.UI.Layout.contacttime2" />
                                    @FOResource.UI.Layout.contacttime2
                                </div>
                            </div>
                            <div class="agreemain">
                                <div id="divPrivacyPolicy" class="agree">
                                    <input type="checkbox" checked="checked" tabindex="35" /><label> @FOResource.UI.Product.Card.lblterm <a href="/rules-terms" tabindex="36" target="_blank">@FOResource.UI.Product.Card.lblterm1</a>. </label>
                                </div>
                                <!-- Displaying Bottom Text-->

                            </div>
                            <div class="clr"></div>
                             <div id="loading-apply"><img src='/Content/ajax-loader.gif'/></div>
                            <div class="form-actions">
                                <button id="submit-internetbanking" type="submit" class="btn btn-primary btn-large">@FOResource.UI.Product.Card.lblapply1</button>
                            </div>
                        </form>



                    </div>
                    <div class="clear"></div>

                </div>
            }
            else
            {
                <div class="slidingDiv1">
                    <div style="margin-top: 20px;">
                        <form id="contact-form" class="form-horizontal">
                            <div class="control-group">
                                <label class="control-label" for="name">@FOResource.UI.Product.Card.lblname</label>
                                <div class="controls">
                                    <input type="text" class="input-xlarge" name="name" id="name" />
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="email">Email</label>
                                <div class="controls">
                                    <input type="text" class="input-xlarge" name="email" id="email" />
                                </div>
                            </div>
                            <div class="clr"></div>
                            <div class="control-group">
                                <label class="control-label" for="phone">@FOResource.UI.Product.Card.lblphone</label>
                                <div class="controls">
                                    <input type="text" class="input-xlarge" name="phone" id="phone" />
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="icome">@FOResource.UI.Product.Card.lblincome</label>
                                <div class="controls">
                                    <select class="input-xlarge" name="icome" id="icome">
                                        <option value="@FOResource.UI.Product.Card.lbloptincome1">@FOResource.UI.Product.Card.lbloptincome1</option>
                                        <option value="@FOResource.UI.Product.Card.lbloptincome2">@FOResource.UI.Product.Card.lbloptincome2</option>
                                        <option value="@FOResource.UI.Product.Card.lbloptincome3">@FOResource.UI.Product.Card.lbloptincome3</option>
                                        <option value="@FOResource.UI.Product.Card.lbloptincome4">@FOResource.UI.Product.Card.lbloptincome4</option>
                                    </select>
                                </div>
                            </div>
                            <div class="clr"></div>
                            <div class="control-group">
                                <label class="control-label" for="dob">@FOResource.UI.Product.Card.lbldob</label>
                                <div class="controls">
                                    <input type="text" class="input-xlarge" name="dob" id="dob" />
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="icome">@FOResource.UI.Layout.city</label>
                                <div class="controls">
                                    <select id="select-city" class="input-xlarge" name="city">
                                        <option value="- Không -" selected="selected">- Không -</option>
                                        <option value="An Giang">An Giang</option>
                                        <option value="Bắc Giang">Bắc Giang</option>
                                        <option value="Bắc Ninh">Bắc Ninh</option>
                                        <option value="Bình Định">Bình Định</option>
                                        <option value="Bình Dương">Bình Dương</option>
                                        <option value="Bình Thuận">Bình Thuận</option>
                                        <option value="Cần Thơ">Cần Thơ</option>
                                        <option value="Đà Nẵng">Đà Nẵng</option>
                                        <option value="Đồng Nai">Đồng Nai</option>
                                        <option value="Đồng Tháp">Đồng Tháp</option>
                                        <option value="Gia Lai">Gia Lai</option>
                                        <option value="Hà Nội">Hà Nội</option>
                                        <option value="Hà Tĩnh">Hà Tĩnh</option>
                                        <option value="Hải Dương">Hải Dương</option>
                                        <option value="Hải Phòng">Hải Phòng</option>
                                        <option value="Hồ Chí Minh">Hồ Chí Minh</option>
                                        <option value="Hòa Bình">Hòa Bình</option>
                                        <option value="Huế">Huế</option>
                                        <option value="Kiên Giang">Kiên Giang</option>
                                        <option value="Long An">Long An</option>
                                        <option value="Nam Định">Nam Định</option>
                                        <option value="Nghệ An">Nghệ An</option>
                                        <option value="Nha Trang">Nha Trang</option>
                                        <option value="Phú Thọ">Phú Thọ</option>
                                        <option value="Quảng Bình">Quảng Bình</option>
                                        <option value="Quảng Ninh">Quảng Ninh</option>
                                        <option value="Quảng Trị">Quảng Trị</option>
                                        <option value="Thái Bình">Thái Bình</option>
                                        <option value="Thái Nguyên">Thái Nguyên</option>
                                        <option value="Thanh Hóa">Thanh Hóa</option>
                                        <option value="Vĩnh Long">Vĩnh Long</option>
                                        <option value="Vĩnh Phúc">Vĩnh Phúc</option>
                                        <option value="Vũng Tàu">Vũng Tàu</option>
                                    </select>
                                </div>
                            </div>
                            <div class="clr"></div>
                            <div class="control-group">
                                <label style="height: 90px; padding-top: 0px;" class="control-label" for="currentaccount">@FOResource.UI.Layout.producinterested</label>
                                <div style="float: left; width: 290px;">
                                    <div class="controls" style="float: left; margin-left: 10px; width: 120px;">
                                        <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="CurrentAccount" id="CurrentAccount" value="Current Account" />Current Account                            
                                    </div>
                                    <div class="controls" style="float: left; margin-left: 30px; width: 130px;">
                                        <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="SavingsDeposits " id="SavingsDeposits" value="Savings/Deposits" />Savings/Deposits                            

                                    </div>
                                </div>
                                <div style="float: left; width: 290px; margin-top: 10px;">
                                    <div class="controls" style="float: left; margin-left: 10px; width: 120px;">
                                        <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="CreditCard" id="CreditCard" value="Credit Card" />Credit Card                           
                                    </div>
                                    <div class="controls" style="float: left; margin-left: 30px; width: 130px;">
                                        <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="HomeLoan " id="HomeLoan" value="HomeLoan" />Home Loan                           

                                    </div>
                                </div>
                                <div style="float: left; width: 290px; margin-top: 10px;">
                                    <div class="controls" style="float: left; margin-left: 10px; width: 120px;">
                                        <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="CarLoan" id="CarLoan" value="Car Loan" />Car Loan                          
                                    </div>
                                    <div class="controls" style="float: left; margin-left: 30px; width: 130px;">
                                        <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="PersonalLoan " id="PersonalLoan" value="Personal Loan" />Personal Loan                           

                                    </div>
                                </div>
                                <div style="float: left; width: 290px; margin-top: 10px;">
                                    <div class="controls" style="float: left; margin-left: 10px; width: 120px;">
                                        <input style="margin-right: 5px;" type="checkbox" class="input-xlarge" name="BusinessLoan" id="BusinessLoan" value="Business Loan" />Business Loan                          
                                    </div>

                                </div>
                            </div>
                            <div class="control-group">
                                <label style="padding-top: 0px;" class="control-label" for="dob">@FOResource.UI.Layout.contacttime</label>
                                <div class="controls">
                                    <input type="radio" checked="checked" class="input-xlarge" name="contacttime" id="contacttime1" value="@FOResource.UI.Layout.contacttime1 " />
                                    @FOResource.UI.Layout.contacttime1
                                    <input style="margin-left:15px;" type="radio" class="input-xlarge" name="contacttime" id="contacttime2" value="@FOResource.UI.Layout.contacttime2" />
                                    @FOResource.UI.Layout.contacttime2
                                </div>
                            </div>
                            <div class="agreemain">
                                <div id="divPrivacyPolicy" class="agree">
                                    <input type="checkbox" checked="checked" tabindex="35" /><label> @FOResource.UI.Product.Card.lblterm <a href="/rules-terms" tabindex="36" target="_blank">@FOResource.UI.Product.Card.lblterm1</a>. </label>
                                </div>
                                <!-- Displaying Bottom Text-->

                            </div>
                            <div class="clr"></div>
                             <div id="loading-apply"><img src='/Content/ajax-loader.gif'/></div>
                            <div class="form-actions">
                                <button id="submit-internetbanking" type="submit" class="btn btn-primary btn-large">@FOResource.UI.Product.Card.lblapply1</button>
                            </div>
                        </form>



                    </div>
                    <div class="clear"></div>

                </div>

            }
        </div>
        <div class="box-accordian-panel">
            <div class="accordian_panel">
                <ul id="accordion">
                    @if (faq.Count > 0)
                    {
                        foreach (var f in faq)
                        {
                            if (i == 1)
                            {
                        <li><a href="#" class="item popular" rel="popular">
                            <h3>
                                @f.FAQTitles </h3>
                        </a>
                            <ul style="display: none;">
                                <li>@f.FAQAnwers</li>
                            </ul>
                        </li>
                            }
                            else
                            {
                        <li><a href="#" class="item category" rel="category">
                            <h3>
                                @f.FAQTitles</h3>
                        </a>
                            <ul style="display: none;">
                                <li>@f.FAQAnwers</li>
                            </ul>
                        </li>
                            }
                            i = i + 1;


                        }
                    }


                </ul>
            </div>

        </div>
    </div>

    <!--Close Form Info-->
</div>
<div class="clr"></div>
